<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
  <script>
    /* 
    /user/:id
    请求携带参数的形式? (3种)
      1. query参数: url问号的参数
      2. params参数: 与路由中的带冒号的路径对应的
      3. body参数: 请求体参数(post请求)
      http://localhost:8080/user/1?name=tom&age=12
      http://localhost:8080/user/3?name=jack&age=13

    axios使用XMLHttpRequest和Promise封装的ajax请求库
    有一系列发请求的语法:
      axios(url)
      axios({
        url: '',  // 路径中可以拼params参数数据, 也可以拼query参数
        method: 'POST/GET/PUT/DELETE',
        params: {}, // query参数
        data: {}, // 请求体参数
      })
      axios.get(url, {params: {name: 'tom', age: 12}})
      axios.post(url, data对象)
    */

    // 添加请求拦截器: 发送请求前执行
    axios.interceptors.request.use((config) => {

      console.log('请求拦截器执行...', config)
      config.headers.token = 'xxxxa123213'

      return config
    })

    // 添加响应拦截器
    axios.interceptors.response.use(
      response => {
        console.log('响应拦截器的成功的回调', response.data)

        // return response
        return response.data
        // return undefined
      },

      error => {
        console.log('响应拦截器失败的回调')

        // throw error
        return Promise.reject(error)
      }
    )

     axios('https://api.github.com/search/users?q=a')
    //  axios({
    //    url: 'https://api.github.com/search/users',
    //    method: 'GET',
    //    params: {
    //     q: 'zxfjd3g'
    //    }
    //  })
    // axios.get('https://api.github.com/search/users', {
    //   params: {q: 'zxfjd3g'}
    // })

    .then(
      // response => {
      //   console.log('成功了', response.data)
      // },
      data => {
        console.log('成功了', data)
      },
      error => {
        console.log('失败了', error.message)
      }
    )

    // axios({
    //   url: 'http://39.98.123.211:8170/admin/acl/index/login',
    //   method: 'POST',
    // data: {
    //   username: 'admin',
    //   password: '111111'
    // }
    // })




    // axios.post('http://39.98.123.211:8170/admin/acl/index/login', {
    //   username: 'admin',
    //   password: '111111'
    // })
    // .then(
    //   response => {
    //     console.log('成功了', response.data)
    //   }
    // )
    // .catch(error => {
    //   console.log('失败了', error.message)
    // })
  </script>
</body>

</html>